<!DOCTYPE html>
<html>
<head>
   <title>蹭饭去首页</title>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,
   user-scalable=no">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <link rel="stylesheet" type="text/css" href="../css/basic.css"/>

</head>

<body>

    <div id="basic">
      <!--头像部分-->
        <div class="top-content"> 
            <img src="../images/pri-bg.png" class="bg-img">     
    	      <div class="userinfo">
            <div class="avatar" >
               <img src="../images/touxiang.jpg">
            </div>
            <p>温馨小厨</p>
            </div>

            <div class="message">
                <dl>
                   <dt>3</dt> 
                   <dd>今日待消费</dd>
                </dl>
                <dl>
                   <dt>10</dt>
                   <dd>最近一周</dd>
                </dl>
                <dl>
                   <dt>1220</dt>
                   <dd>本月收费(元)</dd>
               </dl>
            </div>
        </div>
            <!--message  stop-->

        <!--top-contents stop-->
      <!--头像部分  结束-->

      <!--我的订单-->
        <div class="middle-content">
          <div class="aaa">
            <div class="about">
               <div class="iconfont icon-yue"></div>             
               <p>我的消费</p>               
            </div>
            <div class="about">
               <div class="iconfont icon-rili"></div>                  
               <p>营业日历</p>               
            </div>
            <div class="about">
               <div class="iconfont icon-menu"></div>               
               <p>我的菜单</p>               
            </div>
             <div class="about">
               <div class="iconfont icon-order"></div>               
               <p>我的订单</p>               
            </div>
             <div class="about">
               <div class="iconfont icon-shangjia"></div>              
               <p>商家管理</p>               
            </div>
             <div class="about">
               <div class="iconfont icon-pingjia"></div>               
               <p>收到的评价</p>               
            </div>
             <div class="about">
               <div class="iconfont icon-dangan"></div>               
               <p>我的档案</p>               
            </div>
             <div class="about">
               <div class="iconfont icon-yaoqing"></div>               
               <p>邀请好友</p>               
            </div>
             <div class="about">
               <div class="iconfont icon-help"></div>              
               <p>帮助中心</p>               
            </div>  
           </div><!--aaa  stop-->
        </div><!--middle-content  stop-->
      <!--我的订单  结束-->
          
      <!--底部导航  开始-->
        <div class="footer">
          <div class="fff">
            <div class="sale">
               <div class="iconfont icon-my"></div>             
               <p>我的</p>               
            </div>
            <div class="sale">
               <div class="iconfont icon-xiaoxi">
                  <div class="radius"><p>2</p></div>
               </div>             
               <p>消息</p>               
            </div>
            <div class="sale">
               <div class="iconfont icon-saoma"></div>             
               <p>扫一扫</p>               
            </div>
            <div class="sale">
               <div class="iconfont icon-dingdan"></div>             
               <p>订单</p>               
            </div>
            <div class="sale">
               <div class="iconfont icon-caidan"></div>             
               <p class="main">菜单</p>               
            </div>
          </div>
        </div>
      <!--底部导航  结束-->

    </div><!--basic stop-->











</body>
</html>




















